<script>
	export default {
		data() {
			return {
				title: 'Hello,uniapp',
				
				//轮播图数据
				pictures: [
					{id:'1',url:"http://localhost:8080/1.jpg"},
					{id:'2',url:"http://localhost:8080/2.jpg"},
					{id:'3',url:"http://localhost:8080/3.jpg"},
					{id:'4',url:"http://localhost:8080/4.jpg"},
					{id:'5',url:"http://localhost:8080/5.jpg"},
					
				]
			}
			
		},
		onLoad() {

		},
		methods: {
				
		}
	}
</script>
<template>
	
	<swiper class="banner" indicator-dots="true" circular="true" autoplay="true">
		<swiper-item v-for="item in pictures" :key="item.id">
			<image   :src="item.url" ></image>
		</swiper-item>
	</swiper>
</template>



<style>
	.banner,
	.banner image
	{
		width: 750rpx;
		height: 450rpx;
		
	}
</style>
